草庐IT

HTML5 Web SQL 数据库

全部标签

javascript - 带有 CommonsChunkPlugin 的 Webpack 结果在 html 文件中的捆绑顺序错误

我正在尝试将CommonChunkPlugin与一个仅包含webpack运行时的“额外”block一起使用,以获得正确的散列(当只有应用程序文件发生变化时,这不会更改vendor散列)。官方webpackrepo中描述了这个技巧here.这本身工作正常,block哈希是正确的,但问题是我生成的HTML文件包含顺序错误的包:list、应用程序和vendor*,而它应该是list、vendor、应用。CommonsChunkPLugin配置如下:newwebpack.optimize.CommonsChunkPlugin({names:['vendor','manifest']}),条目如

javascript - 对于 Angular2 项目,在 gulp 中,我如何连接从 typescript 生成的所有 JavaScript 文件并将它们添加到我的 index.html 文件中

对于Angular2项目,在gulp中,我如何连接从typescript生成的所有JavaScript文件并将它们添加到我的index.html文件中。我正在使用Angular2、typescript和gulp。目前我没有连接它从typescript文件生成的javascript文件。我在尝试执行此操作并将它们添加到我的index.html文件时遇到问题。此外,完成此操作后,我需要清除缓存以使浏览器继续请求javascript文件。这是我的index.html文件:MyApp-->System.config({transpiler:'typescript',defaultJSExten

javascript - 从 HTML 调用 typescript 文件中的函数。

我是HTML和Angular2的新手。我目前正在尝试了解如何从HTML文件调用Typescript文件中的函数。精简后,Typescript文件(home.ts)函数如下所示:getConfigurations(sensorName:string){console.log('Home:getConfigurationsentered...');return'sensor1';}在我的HTML文件(home.html)中,我想使用字符串参数调用“getConfigurations”(现在“getConfigurations()”返回“sensor1”,因为我仍在测试)。那么,在HTML中

javascript - Angular 评估表达式就像它在 HTML 中一样

我正在寻找一个可以在Angular中执行类似操作的函数:vartestValues={name:'JohnDoe',number:15}somefunction('Hello,{{name}},youare{{number}}yearsold',testValues)//returns'Hello,JohnDoe,youare15yearsold'我知道$eval做类似的事情,但它里面不能有双括号。 最佳答案 您可能正在寻找$interpolate服务。文档中的示例:var$interpolate=...;//injectedvar

javascript - 如何在 base64 中编码用 jspdf 和 html2canvas 生成的文件?

我正在尝试对附加代码中生成的文档进行编码,但没有任何反应,没有生成错误但也不对文件进行编码,并且永远不会执行ajaxrequest什么是正确的方法?html2canvas(document.getElementById("workAreaModel"),{onrendered:function(canvas){varimg=canvas.toDataURL("image/png");vardoc=newjsPDF("l","pt","letter");doc.addImage(img,'JPEG',20,20);varfileEncode=btoa(doc.output());$.aj

javascript - 用于数据传输的 WebSockets 与 XHR

我正在使用Node.js为Web应用程序设计架构,我们需要能够将中等大小的文件从图库发送到客户端。当用户浏览图库时,他们将尽快(针对每个图库项目)发送这些二进制文件。这些文件可能高达6Mb,但可能平均约为2Mb。我的客户坚持认为我们应该使用websockets而不是XHR进行数据传输。需要明确的是,我们不需要双向通信。我缺乏这方面的经验,需要推理方面的帮助。到目前为止,我的观点如下:使用WebSockets会破坏HTTP提供的任何客户端缓存。如果用户两次访问图库中的同一项目,他们将被迫重新下载内容。WebSocket消息不能由代理缓存处理/路由到代理缓存。它们必须始终由显式服务器处理。

javascript - 为什么我的 React 组件渲染被调用两次,一次没有数据,然后又一次有数据,但是为时已晚的异常?

我有一个组件TreeNav,其数据来自api调用。我已经设置了reducer/action/promise和所有的管道,但是当我在数据上调用map()时在组件渲染中,得到“UncaughtTypeError:Cannotreadproperty'map'ofundefined”。故障排除显示TreeNavrender()被调用了两次。第二次是在数据从api返回之后。但是由于第一个render()错误,第二个render()永远不会运行。这是我的代码文件:--------reducers/index.js--------import{combineReducers}from'redux'

javascript - 使用 i18n 翻译 Angular 2 中的数据绑定(bind)文本

当我尝试使用i18n将英语翻译成法语时,按照https://angular.io/docs/ts/latest/cookbook/i18n.html上的国际化教程,一切正常。逐字逐句。但是当我尝试使用Angular2的数据绑定(bind)将可变文本插入HTML时,它停止工作了。这是我的HTML:{{value}}这是我的组件:import{Component}from'@angular/core';@Component({moduleId:module.id,selector:'my-app',templateUrl:'app.component.html'})exportclassA

javascript - 大数据集打破d3桑基图

我正在根据https://bl.ocks.org/d3noob/5028304中的示例制作d3Sankey图.此示例适用于较小的数据集。当我切换到使用更大的数据集时,可视化中断了。看起来问题在于dy值变为负值。在控制台中,错误是:Error:attributeheight:Anegativevalueisnotvalid.("-9.02557856272838")它指向的代码是:node.append("rect").attr("height",function(d){returnd.dy;})这可能是因为情节超出了屏幕?我看过使用d3比例尺,但我不确定如何实现它们。也许是这样的:d3

javascript - 单击时如何从 Controller 获取数据到指令

当我使用ng-clicked时,我试图从Controller将数据发送到指令链接函数,但是我未能将数据发送到指令,该指令在页面加载时调用第一次这是我的html代码click这是我的Controller.controller('myController',function($scope){$scope.clickMe=function(somedata){$scope.myVal=somedata;};});我的指令.directive('myDirective',function(){return{restrict:'E',scope:{myKey:'='},templateUrl:'